<!DOCTYPE html>
<html>
<head>
    <title>涨跌趋势</title>
    <#include "/header.html">
</head>
<body>

<style>
    #topDiv {
        margin-top: 20px
    }

    .code-style {
        cursor: pointer
    }

    .code-style:hover {
        color: red;
        font-size: 20px
    }
</style>

<div id="vue-div" style="height:30px">

    <div v-show="showList">
        <el-button type="primary" @click="getHistoryPrice(1)" size="small" :loading="getHistoryPriceLoad">近一年</el-button>
        <el-button type="primary" @click="getHistoryPrice(3)" size="small" :loading="getHistoryPriceLoad">近三年</el-button>
        <el-button type="primary" @click="getHistoryPrice(5)" size="small" :loading="getHistoryPriceLoad">近五年</el-button>

        日期:
        <el-date-picker
                v-model="q.kDate"
                size="small"
                type="date"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd"
                @change="chooseDate"
                placeholder="选择日期">
        </el-date-picker>
        K线:
        <template>
            <el-select style="width:150px;" size="small" @change="kLineQuery" v-model="q.kLineName" filterable clearable placeholder="请选择">
                <el-option
                        v-for="item in kLineOptions"
                        :key="item.id"
                        :label="item.kLineName"
                        :value="item.kLineName">
                </el-option>
            </el-select>
        </template>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList">
        &nbsp;<input type="button" class="btn btn-warning" @click="back" value="返回"/>
    </div>

</div>

<script src="${request.contextPath}/statics/js/modules/stock/singleKLine.js?_${.now?long}"></script>
</body>
</html>
